<template>
    <!-- 首页分类列表 start -->
    <div class="films-box">
        <div class="list-name">
            <span>热门电影</span>
        </div>
        <!-- <div class="content-list">
                <film-item v-for="(film, index) in films" :key="index" :film=" film "></film-item>
            </div> -->
        <film-list class="content-list" :list="films"></film-list>
    </div>
    <!-- 首页分类列表 end -->
</template>
<script>
    Vue.component("FilmsPage", {
        template: document.currentScript.ownerDocument.querySelector("template"),
        data() {
            return {
                films:films.result
            }
        }
    })

</script>